<!DOCTYPE html>
<html>

<head>
	<title>J&L's Wedding</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<script type="application/x-javascript">
		addEventListener("load", function () {
			setTimeout(hideURLbar, 0);
		}, false);

		function hideURLbar() {
			window.scrollTo(0, 1);
		}
	</script>
	<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
	<link href="css/style.css" rel='stylesheet' type='text/css' />
	<link href='http://fonts.googleapis.com/css?family=Exo:100,200,300,400,500,600,700,800,900,100italic,200italic,300italic,400italic,500italic,600italic,700italic,800italic,900italic' rel='stylesheet' type='text/css'>
	<link href='http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic' rel='stylesheet' type='text/css'>
	<script src="js/jquery-1.11.0.min.js"></script>
	<!---- start-smoth-scrolling---->
	<script type="text/javascript" src="js/move-top.js"></script>
	<script type="text/javascript" src="js/easing.js"></script>
	<script type="text/javascript">
		jQuery(document).ready(function ($) {
			$(".scroll").click(function (event) {
				event.preventDefault();
				$('html,body').animate({
					scrollTop: $(this.hash).offset().top
				}, 1000);
			});
		});
	</script>
	<!---- start-smoth-scrolling---->
	<script src="js/modernizr.custom.js"></script>
	<link rel="stylesheet" type="text/css" href="css/component.css" />
</head>

<body>
	<!----start-header---->
	<div class="header" id="home">
		<div class="container">
			<div class="logo">
				<a href="index.html"><img src="images/lg-2.png" alt=""></a>
			</div>
			<div class="navigation">
				<span class="menu"></span>
				<ul class="navig">
					<li><a href="index.html">主页</a><span> </span></li>
					<li><a href="about.html">婚期安排</a><span> </span></li>
					<li>
					</li>
					<li>
					</li>
					<li><a class="active" href="gallery.html">相册展示</a><span> </span></li>
					<li><a href="contact.html">联系方式</a><span> </span></li>
				</ul>
			</div>
			<!-- script-for-menu -->
			<script>
				$("span.menu").click(function () {
					$(" ul.navig").slideToggle("slow", function () {});
				});
			</script>
			<!-- script-for-menu -->
		</div>
	</div>
	<!----end-header---->
	<!--banner-starts-->
	<div class="bnr" id="home">
		<div id="top" class="callbacks_container">
			<ul class="rslides" id="slider4">
				<li>
					<div class="banner">
						<div class="banner-text">
							<h1 align="left">嘉兴旅游风景点：</h1>
							<p align="left"> 1、湘家荡旅游风景区</br>
							2、梅花洲旅游景区</br>
							3、西塘古镇</br>
							4、桐乡乌镇</br>
							And so on ......
							</p>
						</div>
					</div>
				</li>
				<li>
					<div class="banner1">
						<div class="banner-text">
							<h1 align="left">湘家荡旅游风景区</h1>
							<p align="left"> 位于嘉兴市东郊，地大物博风景秀丽，适合野外自助烧烤；有游乐场地，深受小孩及成人的喜爱。</p>
						</div>
					</div>
				</li>
				<li>
					<div class="banner">
						<div class="banner-text">
							<h1 align="left">西塘古镇</h1>
							<p align="left"> 位于嘉兴市嘉善县，历史悠久，人文资源丰富，自然风景优美，被誉为“生活着的千年古镇”。</p>
						</div>
					</div>
				</li>
			</ul>
		</div>
		<div class="clearfix"> </div>
	</div>
	<!--banner-ends-->
	<!--Slider-Starts-Here-->
	<script src="js/responsiveslides.min.js"></script>
	<script>
		// You can also use "$(window).load(function() {"
		$(function () {
			// Slideshow 4
			$("#slider4").responsiveSlides({
				auto: true,
				pager: false,
				nav: true,
				speed: 500,
				namespace: "callbacks",
				before: function () {
					$('.events').append("<li>before event fired.</li>");
				},
				after: function () {
					$('.events').append("<li>after event fired.</li>");
				}
			});

		});
	</script>
	<!--End-slider-script-->
	<!----end-banner---->
	<!----start-gallery---->
	<div class="gallery">
		<div class="container">
			<div class="gallery-top heading">
				<h3>J&L's 相册展</h3>
			</div>
			<div class="gallery-bottom">
				<ul id="og-grid" class="og-grid">
					<li>
						<a href="single.html" data-largesrc="images/1.jpg" data-title="J&L's action1" data-description="L：你啥时候嫁给我啊</br>J：你用八抬大轿我就嫁给你</br>H一溜烟儿跑了</br>J：就这点小挫折就把你吓走了</br>服务员：小姐，吧台有位男士在大叫让你嫁给他 ">
							<img class="img-responsive" src="images/thumbs/1.jpg" alt="img01" />
						</a>
					</li>
					<li>
						<a href="single.html" data-largesrc="images/2.jpg" data-title="J&L's action2" data-description="J：L，我以前肯定是皇贵妃</br>L：为什么会这样说呢</br>J：你看我怎么就那么喜欢吃荔枝呢</br>L：哦，我懂了。一骑红尘妃子笑</br>J：嗯嗯，还是L懂我</br>L：这个不对啊！原来我就是给你送荔枝来的马夫！">
							<img class="img-responsive" src="images/thumbs/2.jpg" alt="img02" />
						</a>
					</li>
					<li>
						<a href="single.html" data-largesrc="images/3.jpg" data-title="J&L's action3" data-description="晚上要参加心理培训</br>J：今晚培训还去么</br>L：都忘记了，我可以在外面等你么</br>J：（尴尬）外面等我？那么长时间啊</br>L：一定要去吗？都是女孩子，喜欢上了怎么办</br>（J真想有一把菜刀扔过去）</br>J：真的不想去么，呜呜</br>L：不能再去啦。但是我可以给你当司机">
							<img class="img-responsive" src="images/thumbs/3.jpg" alt="img03" />
						</a>
					</li>
					<li>
						<a href="single.html" data-largesrc="images/4.jpg" data-title="J&L's action4" data-description="J：L，你们新来的同事长得好漂亮啊</br>L：是呀，长得好漂亮！</br>（J鄙视了L一眼）</br>L：你说我当初怎么就看上了你呢？</br>J：所以呢，还有什么没说的都一起说了吧</br>L：我看我不仅眼睛瞎了，连心也瞎了</br>J：知道就好，就算你眼瞎心瞎我也没嫌弃你！不要太感动啊！">
							<img class="img-responsive" src="images/thumbs/4.jpg" alt="img01" />
						</a>
					</li>

					<div class="clearfix"> </div>
				</ul>
			</div>
		</div>
	</div>
	<!----end-gallery---->
	<script src="js/grid.js"></script>
	<script>
		$(function () {
			Grid.init();
		});
	</script>
	<!----start-footer---->
	<div class="footer">
		<div class="container">
			<div class="footer-top">
			</div>
			<div class="newsletter">
				<ul>
					<li>
						<h6>一晃而过的是岁月</h6></li>
					<li>
						<h6>一闪而过的是青春</h6></li>
					<li>
						<h6>一见如故的是缘分</h6></li>
				</ul>
			</div>
			<div class="footer-text">
				<p>Design by J&L</a>
				</p>
			</div>
		</div>
		<script type="text/javascript">
			$(document).ready(function () {
				/*
										var defaults = {
								  			containerID: 'toTop', // fading element id
											containerHoverID: 'toTopHover', // fading element hover id
											scrollSpeed: 1200,
											easingType: 'linear' 
								 		};
										*/

				$().UItoTop({
					easingType: 'easeOutQuart'
				});

			});
		</script>
		<a href="#home" id="toTop" class="scroll" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
	</div>
	<!----end-footer---->
</body>

</html>